<template>
  <view class="container">
    <CardViewText 
      v-for="(card, index) in cardList"
      :key="index"
      :title="card.title"
      :isTop="card.isTop"
      :author="card.author"
      :comments="card.comments"
      :time="card.time"
    />
  </view>
</template>

<script>
import CardViewText from '@/components/cardViewText.vue'

export default {
  components: {
    CardViewText
  },
  data() {
    return {
      cardList: [
        {
          title: "2026 年军队文职人员公开招考工作全面展开",
          isTop: true,
          author: "新华社",
          comments: 66,
          time: "2025.11.02"
        },
        {
          title: "印度发射该国迄今最重卫星",
          isTop: false,
          author: "人民日报",
          comments: 23,
          time: "2025.11.01"
        },
        {
          title: "以色列空袭黎巴嫩南部致 4 人死亡",
          isTop: false,
          author: "央视新闻",
          comments: 89,
          time: "2025.10.30"
        },
        {
          title: "中国商务部部长王文涛会见韩国产业通商部长官金正官",
          isTop: false,
          author: "经济日报",
          comments: 30,
          time: "2025.10.25"
        },
        {
          title: "十五运会火炬传递广州站成功举行",
          isTop: false,
          author: "光明日报",
          comments: 50,
          time: "2025.10.21"
        }
      ]
    }
  },
  methods: {},
  computed: {}
}
</script>

<style scoped>
.container {
  background-color: #f5f5f5;
  min-height: 100vh;
  padding: 20rpx 0;
}
</style>